<template>
	<view class="login-bg"
		style="background: url('../../static/image/bg-02.png') no-repeat;background-size: 100% 100%;">
		<view class="padding-30">
			<view class="bg-fff padding-30 border-radius20 margin-top150">
				<view class="fontSize-18 fontWeight-bold color-FF9600">
					为了确保测评的效果，请您在 开始前仔细阅读以下注意事项: 
				</view>
				<view class="margin-30-0">
					<u-parse :content="content"></u-parse>
				</view>
				<view class="flex-alignItems-center margin-bottom30">
					<view class="margin-right20" @click="is_select = !is_select">
						<image v-if="is_select"  class="img-38" src="../../static/image/checked.png" mode=""></image>
						<image v-else  class="img-38" src="../../static/image/check.png" mode=""></image>
					</view>
					<view class="fontSize-16 color-000 fontWeight-bold">
						我已经阅读完毕，清晰答题规则
					</view>
				</view>
				<view class="index-btn flex-center margin-top50" @click="$tools.navigateTo('/user/index/message')">
					开始测评
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				content:'1231231',
				is_select:false
			}
		}
	}
</script>

<style lang="scss" scoped>
	.index-btn{
		// width: 570rpx;
		height: 100rpx;
		font-weight: bold;
		font-size: 36rpx;
		color: #FFFFFF;
		background: linear-gradient( 180deg, #F96040 0%, #EC2812 100%);
		border-radius: 49rpx 49rpx 49rpx 49rpx;
		border: 2rpx solid #FEFBB6;
	}
	.login-bg {
		width: 100%;
		height: 100vh;
		overflow: hidden;
	}
</style>